<template>
    <div>
      <h1>{{name}}--{{age}}</h1>
      <detail-zi v-model:name="name" v-model:age="age"></detail-zi>
    </div>
</template>
<script>
import { reactive, toRefs } from 'vue'
import DetailZi from './DetailZi.vue'
export default {
  components: {
    DetailZi
  },
  setup () {
    const obj = reactive({
      name: '张三',
      age: '20'
    })
    return {
      ...toRefs(obj)
    }
  }
}
</script>
<style lang="less">

</style>
